/********************************
*	reset css style				*
*********************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #313131;
	font-size: 62.5%;
	line-height: 1;
}

::selection {
	background: #a4dcec;
}

::-moz-selection {
	background: #a4dcec;
}

::-webkit-selection {
	background: #a4dcec;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #ccc;
	font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #ccc;
	font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #ccc;
	font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #ccc !important;
	font-style: italic;
}

br {
	display: block;
	line-height: 2.2em;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

ol,ul {
	list-style: none;
}

input,textarea {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

strong {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	max-width: 100%;
}

/********************************
*	end reset css style			*
*********************************/

/** typography **/
h1 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	line-height: 1.5em;
	letter-spacing: -0.05em;
	margin-bottom: 20px;
	padding: .1em 0;
	color: #444;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}

h1:before,h1:after {
	content: "";
	position: relative;
	display: inline-block;
	width: 50%;
	height: 1px;
	vertical-align: middle;
	background: #f0f0f0;
}

h1:before {
	left: -.5em;
	margin: 0 0 0 -50%;
}

h1:after {
	left: .5em;
	margin: 0 -50% 0 0;
}

p {
	display: block;
	font-size: 1.35em;
	line-height: 1.5em;
	margin-bottom: 22px;
}

/********************************
*	style of button				*
*********************************/
.ymch_btn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	outline: 0;
	border: 0;
	color: #f9f8ed;
	text-decoration: none;
	background-color: #b6a742;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	font-size: 1.2em;
	font-weight: bold;
	padding: 12px 22px 12px 22px;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
	-moz-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
	box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
}

.ymch_btn:hover {
	color: #fff;
	background-color: #c4b237;
}

.ymch_btn:active {
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
/********************************
*	end style of button			*
*********************************/

/********************************
*	style of notifications		*
*********************************/
.notify {
	display: block;
	background: #fff;
	padding: 12px 18px;
	max-width: 400px;
	margin: 0 auto;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
	position: absolute;
}

.ymc-window-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity = 50);
	opacity: 0.50;
	font-size: 1px;
	*zoom: 1;
	overflow: hidden;
	z-index: 9990000;
	background-color: #000000
}

.notify h1 {
	margin-bottom: 6px;
}

.successbox h1 {
	color: #678361;
}

.errorbox h1 {
	color: #6f423b;
}

.successbox h1:before,.successbox h1:after {
	background: #cad8a9;
}

.errorbox h1:before,.errorbox h1:after {
	background: #d6b8b7;
}

.notify .alerticon {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
/********************************
*	end style of notifications	*
*********************************/